<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Emptylink Plugin - Aloha Editor</title>
    <link rel="stylesheet" href="../../css/aloha-reset.css" type="text/css" />
    <link rel="stylesheet" href="../../css/aloha-core.css" type="text/css" />
    <link
      rel="stylesheet"
      href="index.css"
      type="text/css"
    />
    <link
      rel="stylesheet"
      href="../../css/aloha-common-extra.css"
      type="text/css"
    />
    <script src="../../lib/require.js"></script>
    <script src="../../lib/vendor/jquery-3.7.0.js"></script>
    <script
      src="../../lib/aloha.js"
      data-aloha-plugins="common/ui,extra/emptylink,common/highlighteditables,common/link"
    ></script>
  </head>
  <body>
    <div id="main">
      <h1>Emptylink Plugin</h1>
      <div>
        <a id="linkWithHref" href="http://www.example.com/default.htm"
          >This is a link with href</a
        >
      </div>
      <div>
        <a id="linkWithNoHref">This is a link with no href</a>
      </div>
      <div>
        <a id="linkWithHash" href="#">This is a link with href = "#"</a>
      </div>
      <div>
        <a id="linkIncomplete" href="http://"
          >This is a link with an incomplete href</a
        >
      </div>

      <script type="text/javascript">
        Aloha.ready(function () {
          Aloha.jQuery("#main").aloha();
        });
      </script>
    </div>
  </body>
</html>
